<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.c2
			{
				border: 1px solid blue;
				width: 200px;
				height:420px;
				position: fixed;       /* 这就是定位浮动的语法*/
				top: 300px;
				right: 0px;	
			}
			.c1
			{
				width: 100px;
				height: 200px;
				
			}
			#id1
			{
				margin-top: 20px;
			}
		</style>
	</head>
	<body>
		
		<div class="c2">
			<div class="c1">
				<a href="028浮动案例.html"><img src="https://ts2.cn.mm.bing.net/th?id=OIP-C.poVHNFQYQTSN10JfR0jc4QHaLR&w=202&h=308&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2" ></a>
		    </div>
		     <div class="c1" id="id1">
				 <a href="028浮动案例.html"><img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.t5hNybY25R6-DmH1KorCjgHaE8&w=306&h=204&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"></a>
		     </div>
		</div>
			
		  <!--  <div class="c1">
				<a href="028浮动案例.html"><img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.t9PhUzeZ7uwQ84FdEDUcggHaLG&w=204&h=306&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"></a>
		     </div> -->
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	</body>
</html>